<html>
<head>
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>考勤历史记录列表</title>
	
	<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="./css/style.css" rel="stylesheet" type="text/css" />
	<link href="./css/reset.css" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript" src="./js/jquery.min.js"></script>
</head>
<body>
				
	<div class="container-fluid">
				
		<div class="col-xs-12" >
			<ul id="qr_list">
				<div style="display: none;">
					<li class="item" id="liid" >
						<span class="col-xs-5" id="title"></span>
							<div class="main col-xs-7">
								<div class="time"></div>
								<div class="zt">
								<div class="pic1" >  
									<img  id="qrimg">
								</div>
						</div>
					</li>
				</div>
			</ul>
		</div>
	</div>
</body>
</html>
<script>
	$(function(){
		$.get('/user/qr_history',function(data){
			if(data.length==0) $("#qr_list").append("暂无数据");
			$.each(data,function(i,n){
			$("#qr_list").append("<li class='item'><span class='col-xs-5'>"+n.title+"</span><div class='main col-xs-7'><div class='time'>"+n.time+(n.node==1?"上午":"下午")+"</div><div class='zt'><div class='pic1' >"+ (n.state==1?"<img src = './images/y.png'>":"<img src = './images/n.png'>") +"</div></div></div></li>");				
			});
		}); 
	})
</script>